<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common.jsp"%>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>ECI_WIKI</title>

<!-- Bootstrap -->
<style type="text/css">
body {
	padding-top: 50px;
	padding-bottom: 20px;
}
</style>

</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">ECI-WIKI</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<form class="navbar-form navbar-right">
					<div class="form-group">
						<input type="text" placeholder="搜索关键字" class="form-control">
					</div>
					<button type="submit" class="btn btn-success">搜索</button>
				</form>
			</div>
			<!--/.navbar-collapse -->
		</div>
	</nav>
	<br>
	<br>
	<div class="container">
		<div class="row">
			<div class="col-md-2">
				<!-- 左边树 -->
				<div id="treeview"></div>
			</div>
			<div class="col-md-8">
				<!-- 展示 -->
			预留</div>
		</div>


	</div>

	<hr>

	</div>
	<!-- /container -->
</body>
<script type="text/javascript">
	$(document).ready(function() {
		$.post('<%=basePath%>/common/getTree.do',
				{},
				function(data){
			        $('#treeview').treeview({
			        	//showBorder:false,
			          //  color: "#428bca",
			         //   expandIcon: 'glyphicon glyphicon-chevron-right',
			        //    collapseIcon: 'glyphicon glyphicon-chevron-down',
			        //    nodeIcon: 'glyphicon glyphicon-bookmark',
			            data: data
			          });
		});
	});
	
	</script>
</html>